﻿@{
    ViewBag.Title = "SIIV - Proyección";
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Header = "Proyección de Enfermedades Futuras";
}

<script type="text/javascript">
    $().ready(function () {
        $.ajaxSetup({
            error: function (jqXHR, textStatus, errorThrown) {
                alert(jqXHR.statustext)
                alert(jqXHR.statusText)
                alert(jqXHR.responseText)
            }
        });
    });

    //Evento que se dispara cuando el DOM esta listo para ser utilizado
    $(document).ready(function () {

        jQuery('#loading').ajaxStart(function () {
            jQuery(this).show();
        });

        jQuery('#loading').ajaxError(function (e, xhr, opts, error) {
            alert('La petición a la página ' + opts.url + ' ha devuelto el siguiente error: ' + xhr.status + ' - ' + error);
        });

        jQuery('#loading').ajaxStop(function () {
            jQuery(this).hide();
        });


    });

    $(function () {
        $("#FechaInicio").datepicker($.datepicker.regional['es']);
        $("#FechaFin").datepicker($.datepicker.regional['es']);
    });

    function generarProyeccion() {
        var fin = $("#FechaFin").val().split("/");
        fin = fin[2].toString() + fin[1].toString() + fin[0].toString();

        var inicio = $("#FechaInicio").val().split("/");
        inicio = inicio[2].toString() + inicio[1].toString() + inicio[0].toString();

        if (fin >= inicio) {
            $('#proyeccion').load("/Consultas/Proyeccion",
            {
                idAnimal: $("#Animal").val(),
                fechaInicio: $("#FechaInicio").val(),
                fechaFin: $("#FechaFin").val()
            });
        }
        else alert('La fecha de fin ingresada es inferior a la fecha de inicio.');
    }

</script>

@section Menu{
    @Html.Partial("Menu")
}

@if ((ViewBag.Animales as IEnumerable<SelectListItem>).Count() > 0)
{
    <table>
        <tr>
            <td>
                Animal: @Html.DropDownList("Animal", ViewBag.Animales as IEnumerable<SelectListItem>, new { @id = "Animal" })
            </td>
            <td>
                Fecha Inicio: @Html.TextBox("FechaInicio", DateTime.Now.AddDays(-1).ToString("dd/MM/yyyy"), new { @class = "date", @id = "FechaInicio" })
            </td>
            <td>
                Fecha Fin: @Html.TextBox("FechaInicio", DateTime.Now.ToString("dd/MM/yyyy"), new { @class = "date", @id = "FechaFin" })
            </td>
        </tr>
    </table>
}
else
{ 
    <p>Hasta el momento no dispone de animales para hacer una proyección de enfermedades futuras.</p>
}
<div id="proyeccion">
    @Html.Partial("ProyeccionGrid")
</div>

@if ((ViewBag.Animales as IEnumerable<SelectListItem>).Count() > 0)
{
    <ul id="icons" style="float:right" class="ui-widget ui-helper-clearfix">
        <li onclick="generarProyeccion()" class="ui-state-default ui-corner-all" style="margin: 2px 0px 0px 0px" title="Nuevo"><span class="ui-icon ui-icon-check"></span><div style="padding-right:2px; width:180px; font-size:12px;">Generar Proyeccion</div></li>
    </ul>
}